@extends('home.shihuo.layout.layout')
@section('title','投稿')

@section('cont')

<div class="graybg submitZhongce" style="">
    <form action="{{url('/home/shiwu/addtougao')}}" method="post" enctype="multipart/form-data">
        <div class="pagecontent" style="">
            <div class="title">
                <h1>投稿</h1>
            </div>
            <div class="form" style="">
                <div class="prompt-tips">
                    <p><i></i>请根据<a target="_blank" href="http://hp.bbs.cn/home/shiwu/details?gpid=1" class="bluelink">《投稿须知》</a>了解并熟悉投稿流程和审核要求。</p>
                </div>
                <div class="formlist" style="">
                    <dl>
                        <dt>标题:</dt>
                        <dd>
                            <input type="text" name="gptitle" min="12" maxlength="40" placeholder="请输入标题">
                            <div class="errgrid">
                                <p>您的标题尚未填写，请补充</p>
                            </div>
                        </dd>
                    </dl>
                    <dl>
                        <dt>关键字:</dt>
                        <dd>
                            <input type="text" name="gpoint" min="12" maxlength="40" placeholder="请输入主要关键字">
                            <div class="errgrid">
                                <p>您的关键字尚未填写，请补充</p>
                            </div>
                        </dd>
                    </dl>
                    <dl>
                        <dt>简介:</dt>
                        <dd>
                            <input type="text" name="gpintro" min="12" maxlength="40" placeholder="请输入主要关键字">
                            <div class="errgrid">
                                <p>您的简介尚未填写，请补充</p>
                            </div>
                        </dd>
                    </dl>
                    <dl>
                        <dt>封面管理:</dt>
                        <dd>
                            <input type="file" class="btn" name="gpic" value="">
                            <div class="errgrid">
                                <p>封面不能为空</p>
                            </div>
                        </dd>
                    </dl>
                    <script type="text/javascript" charset="utf-8" src="/BAIDUUTF8/ueditor.config.js"></script>
                    <script type="text/javascript" charset="utf-8" src="/BAIDUUTF8/ueditor.all.min.js"> </script>
                    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
                    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
                    <script type="text/javascript" charset="utf-8" src="/BAIDUUTF8/lang/zh-cn/zh-cn.js"></script>
                    <dl>
                        <dt>内容:</dt>
                        <dd style="">
                            <div style="" class="edui-default" id="editor">
                                <script id="editor" name="gpcont" type="text/plain" style="width:500px;height:300px;" readmin="请填写帖子内容"></script>
                            </div>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="btn-area">
                {{csrf_field()}}
                <button class="btn" id="submit">提交</button>
            </div>
        </div>
    </form>
</div>

@endsection

@section('js')
    <script type="text/javascript">
    var ue = UE.getEditor('editor',{
        toolbars: [
    [
        // 'anchor', //锚点
        'undo', //撤销
        'redo', //重做
        'bold', //加粗
        // 'indent', //首行缩进
        // 'snapscreen', //截图
        // 'italic', //斜体
        // 'underline', //下划线
        // 'strikethrough', //删除线
        // 'subscript', //下标
        // 'fontborder', //字符边框
        // 'superscript', //上标
        // 'formatmatch', //格式刷
        // 'source', //源代码
        // 'blockquote', //引用
        // 'pasteplain', //纯文本粘贴模式
        // 'selectall', //全选
        // 'print', //打印
        'preview', //预览
        'horizontal', //分隔线
        'removeformat', //清除格式
        // 'time', //时间
        // 'date', //日期
        // 'unlink', //取消链接
        // 'insertrow', //前插入行
        // 'insertcol', //前插入列
        // 'mergeright', //右合并单元格
        // 'mergedown', //下合并单元格
        // 'deleterow', //删除行
        // 'deletecol', //删除列
        // 'splittorows', //拆分成行
        // 'splittocols', //拆分成列
        // 'splittocells', //完全拆分单元格
        // 'deletecaption', //删除表格标题
        // 'inserttitle', //插入标题
        // 'mergecells', //合并多个单元格
        // 'deletetable', //删除表格
        // 'cleardoc', //清空文档
        // 'insertparagraphbeforetable', //"表格前插入行"
        // 'insertcode', //代码语言
        // 'fontfamily', //字体
        'fontsize', //字号
        // 'paragraph', //段落格式
        'simpleupload', //单图上传
        // 'insertimage', //多图上传
        // 'edittable', //表格属性
        // 'edittd', //单元格属性
        'link', //超链接
        // 'emotion', //表情
        'spechars', //特殊字符
        // 'searchreplace', //查询替换
        // 'map', //Baidu地图
        // 'gmap', //Google地图
        // 'insertvideo', //视频
        // 'help', //帮助
        'justifyleft', //居左对齐
        'justifyright', //居右对齐
        'justifycenter', //居中对齐
        'justifyjustify', //两端对齐
        'forecolor', //字体颜色
        // 'backcolor', //背景色
        // 'insertorderedlist', //有序列表
        // 'insertunorderedlist', //无序列表
        // 'fullscreen', //全屏
        // 'directionalityltr', //从左向右输入
        // 'directionalityrtl', //从右向左输入
        // 'rowspacingtop', //段前距
        // 'rowspacingbottom', //段后距
        // 'pagebreak', //分页
        // 'insertframe', //插入Iframe
        // 'imagenone', //默认
        // 'imageleft', //左浮动
        // 'imageright', //右浮动
        // 'attachment', //附件
        // 'imagecenter', //居中
        // 'wordimage', //图片转存
        // 'lineheight', //行间距
        // 'edittip ', //编辑提示
        // 'customstyle', //自定义标题
        // 'autotypeset', //自动排版
        // 'webapp', //百度应用
        // 'touppercase', //字母大写
        // 'tolowercase', //字母小写
        // 'background', //背景
        // 'template', //模板
        // 'scrawl', //涂鸦
        // 'music', //音乐
        // 'inserttable', //插入表格
        // 'drafts', // 从草稿箱加载
        // 'charts', // 图表
    ]
]
});


/*表单验证部分*/
    //声明全局变量
    var GPTITLE = false;
    var GPOINT = false;

    //绑定表单事件
    $('form').submit(function(){
        // 判断图片是否上传
        if($('input[name=gpic]').val() != ''){
            GPIC = true;
        }else{
            $('input[name=gpic]').next().css('display','block');
            return false;
        }
        // 判断是否填写内容

        //触发所有的丧失焦点事件
        $('input').trigger('blur');
        //判断是否全部成功
        if(GPTITLE && GPOINT && GPIC){
            return true;
        }
        return false;
    })
   

    //绑定标题的丧失焦点事件
    $('input[name=gptitle]').blur(function(){
        //检测标题是否为空
        if($(this).val() != ''){
            $(this).css('border','1px solid green');
            $(this).next().css('display','none');
            GPTITLE = true;
        }else{
            $(this).next().css('display','block');
            $(this).css('border','1px solid red');
            return false;
        }
    })

    // 为关键字绑定丧失焦点
    $('input[name=gpoint]').blur(function(){
        if($(this).val() != ''){
            $(this).css('border','1px solid green');
            $(this).next().css('display','none');
            GPOINT = true;
        }else{
            $(this).next().css('display','block');
            $(this).css('border','1px solid red');
            return false;
        }
    })

    
</script>
@endsection




